//webpack 会默认读取的配置文件(基于node)
let path = require('path');  //path是node自带的一个包
console.log('----------',__dirname,__filename);
//require exports module __dirname  __filename  都是node中的语法
//__dirname 是当前文件所在的文件夹的绝对路径  例:  F:\珠峰学习\框架\学习记录\框架\2_webpack
//__filename  是当前文件的绝对路径  例:   F:\珠峰学习\框架\学习记录\框架\2_webpack\webpack.config.js
console.log(path.resolve(__dirname,'filePath'))
// path.resolve 相当于用字符串把文件路径合并（后面直接拼接filePath） 例：F:\珠峰学习\框架\学习记录\框架\2_webpack\filePath

let {CleanWebpackPlugin } = require('clean-webpack-plugin');  //取消每次生成main.js插件 
let html = require('html-webpack-plugin')   //html模板插件
module.exports={
    //这个对象里面都是webpack的配置项
    mode:'development',    //模式控制的是生产环境还是开发环境（自己的写代码的环境） 默认是production(生产),
    entry:'./src/utils.js',   //配置 主入口文件 默认是'./src/index.js'
    output:{
        //把打包压缩后的代码，放到那个文件，filename是放入的那个文件名
        filename:'haha.[hash:5].js' ,   //默认是main.js
        path:path.resolve(__dirname,'myapp')  //配置的是把生产好的haha.[hash:5].js 放到那个位置，需要一个绝对路径，myapp是文件名
    },
    plugins:[   //引入的插件
        new CleanWebpackPlugin(),
        new html({
            template:'./public123/haha.html',
            filename:'index123.html'
        })
    ]
}